3D Preview
FRONT
BACK
RIGHT
LEFT
TOP
BOTTOM
500px
1000px
2000px
50px
100px
200px
Transform Controls
-200
0
200
-200
0
200
-500
0
500
0
0
360
0
0
360
0
0
360
0
1
3
0
1
3
0
1
3
-45
0
45
-45
0
45
Generated CSS
.transform-element {
transform: translate3d(0px, 0px, 0px)
rotateX(0deg) rotateY(0deg) rotateZ(0deg)
scale3d(1, 1, 1)
skew(0deg, 0deg);
transform-origin: center center 0px;
}.transform-container {
perspective: 1000px;
}